<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Volter Creative Studios HTML5 Template | Homepage Three</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 10]><link href="css/ie.css" rel="stylesheet"><![endif]-->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header / Header Style One-->
    <header class="main-header header-style-one">
        
        <!-- Header Container -->
        <div class="header-container">
            	
            
            <div class="auto-container clearfix">
            
                <!-- Logo -->
                <div class="logo">
                    <a href="index.html"><img src="images/logo.png" alt="Volter"></a>
                 </div>
                
                <!-- Main Menu -->
                <nav class="main-menu">
                    
                    <div class="navbar-header">
                        <!-- Toggle Button -->    	
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    
                    <div class="navbar-collapse collapse clearfix">
                        <ul class="navigation">
                            <li class="current dropdown"><a href="index.html">Home</a>
                                <ul>
                                    <li><a href="index.html">Home Version One</a></li>
                                    <li><a href="index-2.html">Home Version Two</a></li>
                                    <li><a href="index-3.html">Home Version Three</a></li>
                                    <li><a href="index-4.html">Home Version Four</a></li>
                                </ul>
                            </li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="portfolio.html">Portfolio</a>
                            	<ul>
                                    <li><a href="portfolio.html">Portfolio One</a></li>
                                    <li><a href="portfolio-2.html">Portfolio Two</a></li>
                                    <li><a href="portfolio-3.html">Portfolio Three</a></li>
                                    <li><a href="portfolio-4.html">Portfolio Four</a></li>
                                    
                                </ul>
                            </li>
                            <li><a href="services.html">Service</a></li>
                            <li class="dropdown"><a href="blog.html">Blog</a>
                                <ul>
                                    <li><a href="blog.html">Blog Style One</a></li>
                                    <li><a href="blog-2.html">Blog Style Two</a></li>
                                    <li><a href="blog-single.html">Blog Single</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </div>
                </nav><!-- Main Menu End-->
                
            </div>
        </div><!-- Header Container End-->
        
    </header><!--End Main Header -->

    <!--Main Slider-->
    <section class="main-slider style-one">
    	
        <!--Slider COntainer-->
        <div class="slider-container">
            <ul class="slider-style-one">
        		
                
                <!--Slide Item-->
                <li class="slide-item" style="background-image:url(images/main-slider/2.jpg);" data-bg-position="center top">
                	<div class="auto-container">
                        <div class="content-container">
                            <div class="content-box">
                                <div class="content color-white">
                                    <div class="text-center">
                                    	<div class="image-box wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="0ms"><img src="images/main-slider/stag-image.png" alt=""></div>
                                        <h3 class="spaced-text-big wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">WE MAKE IT EASY TO EXPERIENCE CREATIVITY</h3>
                                        <h2 class="bordered-bigger-title wow zoomIn" data-wow-duration="1000ms" data-wow-delay="1000ms">CREATIVE PSD TEMPLATE</h2>
                                        <div class="text light-text wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="1500ms">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna consectetuer adipiscing elit, sed diam nonummy .</div>
                                        <div class="link-box wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="2000ms"><a href="index-3.html#" class="theme-btn btn-style-two">PURCHASE NOW</a></div>
                                    </div>
                                    
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                
                <!--Slide Item-->
                <li class="slide-item" style="background-image:url(images/main-slider/1.jpg);" data-bg-position="center top">
                	<div class="auto-container">
                        <div class="content-container">
                            <div class="content-box">
                                <div class="content color-white">
                                    <div class="inner-box pull-right">
                                        <h3 class="spaced-text-small wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="0ms">We make it easy to experience creativity</h3>
                                        <h2 class="bigger-title wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="500ms">CREATIVE STUDIO</h2>
                                        <div class="text light-text wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="1000ms">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna consectetuer adipiscing elit, sed diam nonummy .</div>
                                        <div class="link-box wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="1500ms"><a href="index-3.html#" class="theme-btn btn-style-one">PURCHASE NOW</a></div>
                                    </div>
                                    
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                
                <!--Slide Item-->
                <li class="slide-item" style="background-image:url(images/main-slider/2.jpg);" data-bg-position="center top">
                	<div class="auto-container">
                        <div class="content-container">
                            <div class="content-box">
                                <div class="content color-white">
                                    <div class="text-center">
                                    	<div class="image-box wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="0ms"><img src="images/main-slider/stag-image.png" alt=""></div>
                                        <h3 class="spaced-text-big wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">WE MAKE IT EASY TO EXPERIENCE CREATIVITY</h3>
                                        <h2 class="bordered-bigger-title wow zoomInStable" data-wow-duration="1500ms" data-wow-delay="1000ms">CREATIVE PSD TEMPLATE</h2>
                                        <div class="text light-text wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="1500ms">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna consectetuer adipiscing elit, sed diam nonummy .</div>
                                        <div class="link-box wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="2000ms"><a href="index-3.html#" class="theme-btn btn-style-two">PURCHASE NOW</a></div>
                                    </div>
                                    
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                
                <!--Slide Item-->
                <li class="slide-item" style="background-image:url(images/main-slider/1.jpg);" data-bg-position="center top">
                	<div class="auto-container">
                        <div class="content-container">
                            <div class="content-box">
                                <div class="content color-white">
                                    <div class="inner-box pull-right">
                                        <h3 class="spaced-text-small wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="0ms">We make it easy to experience creativity</h3>
                                        <h2 class="bigger-title wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="500ms">CREATIVE STUDIO</h2>
                                        <div class="text light-text wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="1000ms">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna consectetuer adipiscing elit, sed diam nonummy .</div>
                                        <div class="link-box wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="1500ms"><a href="index-3.html#" class="theme-btn btn-style-one">PURCHASE NOW</a></div>
                                    </div>
                                    
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                
                
                    
            </ul>
        </div>
        
        <div class="other-page-link">
        	<a class="theme-btn" href="index-3.html#">CONTACT US</a>
        </div>
        
    </section>
    
    
    <!--Features Section-->
    <section class="features-section style-two">
    	<div class="auto-container">
        	<div class="text-portion">
            	<div class="row clearfix">
                
                	<!--Heading Column-->
                	<div class="heading-column col-md-6 col-sm-12 col-xs-12 pull-right">
                        <div class="title-box light">
							<h3 class="small-text theme_color">WHO WE ARE ?</h3>
                            <h2>WE ARE VOLTER CREATIVE TEMPLATE</h2>                
                        </div>
                    </div>
                    
                    <!--Carousel Column-->
                    <div class="carousel-column col-md-6 col-sm-12 col-xs-12 pull-left">
                        <div class="text-carousel-outer style-two">
							<ul class="text-carousel">
                            	<li class="slide-item"><div class="text text-right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, nostrud exerci tation ullamcorper delgado consectuerer.</div></li>
                                <li class="slide-item"><div class="text text-right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, nostrud exerci.</div></li>
                                <li class="slide-item"><div class="text text-right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, nostrud exerci tation .</div></li>
                            </ul>                
                        </div>
                    </div>
                    
                </div>
                
                <div class="features-container">
                	<div class="clearfix">
                    	<!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-cone"></span></div>
                                <h3>UNLIMITED FEATURES</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-cup-2"></span></div>
                                <h3>CREATIVE DESIGN</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-cup-1"></span></div>
                                <h3>CUSTOM SHORTCODE</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-technology-7"></span></div>
                                <h3>PIXEL PERFECT</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-graphic-1"></span></div>
                                <h3>EASY INSTALL</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-megaphone"></span></div>
                                <h3>SEO OPTIMIZED</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Image Section-->
                <div class="default-image-section">
                	<figure class="image-box wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="0ms">
                    	<img src="images/resource/big-image-1.jpg" alt="">
                        <div class="link-box text-center"><a href="index-3.html#" class="theme-btn btn-style-four">WORK WITH US ?</a></div>
                    </figure>
                </div>
                
            </div>
        </div>
    </section>
    
    
    <!--Our Skills Section-->
    <section class="our-skills-section style-two">
    	<div class="auto-container">
        	
            <div class="title-box text-center light">
                <h3 class="small-text theme_color">OUR TEAM SKILLS</h3>
                <h2>THE BEST WE CAN DO</h2> 
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, nostrud exerci tation ullamcorper delgado consectuerer.</div>               
            </div>
            
            <div class="posts-container">
            	
                <!--Default Post / Style One-->
                <article class="default-post-style style-one left-aligned">
                	<div class="row clearfix">
                    	<div class="col-md-6 col-sm-12 col-xs-12 image-column">
                        	<div class="clearfix">
                                <figure class="image-outer">
                                    <div class="image-box wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="0ms">
                                        <img src="images/resource/featured-image-2.jpg" alt="">
                                        <div class="logo-image wow zoomInStable" data-wow-duration="1000ms" data-wow-delay="1000ms"><img src="images/resource/logo-1.png" alt=""></div>
                                    </div>
                                    <div class="post-info"><a href="index-3.html#" class="theme-btn">BRANDING DESIGN, 26/06/2010</a></div>
                                </figure>
                                
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12 content-column">
                        	<div class="default-content-box">
                            	<div class="default-post-title">
                                	<h4>OUR SERVICES</h4>
                                    <h3><span class="post-number">01.</span> BRANDING DESIGN</h3>
                                </div>
                                <div class="content-box">
                                	<div class="text">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                                    </div>
                                    <div class="link-box"><a href="index-3.html#" class="theme-btn btn-style-five">VIEW ALL WORKS</a></div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </article>
                
                <!--Default Post / Style One-->
                <article class="default-post-style style-one right-aligned">
                	<div class="row clearfix">
                    	<div class="col-md-6 col-sm-12 col-xs-12 image-column pull-right">
                        	<div class="logo-image-box left-top wow zoomInStable" data-wow-duration="1500ms" data-wow-delay="1000ms"><img src="images/resource/logo-2.png" alt=""></div>
                        	<div class="clearfix">
                                <figure class="image-outer pull-right">
                                    <div class="image-box wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="0ms">
                                        <img src="images/resource/featured-image-3.jpg" alt="">
                                    </div>
                                    <div class="post-info"><a href="index-3.html#" class="theme-btn">PHOTOGRAPHY, 26/06/2010</a></div>
                                    
                                </figure>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12 content-column pull-left">
                        	<div class="default-content-box text-right">
                            	<div class="default-post-title">
                                	<h4>OUR SERVICES</h4>
                                    <h3><span class="post-number">02.</span> PHOTOGRAPHY</h3>
                                </div>
                                <div class="content-box">
                                	<div class="text">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                                    </div>
                                    <div class="link-box"><a href="index-3.html#" class="theme-btn btn-style-five">VIEW ALL WORKS</a></div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </article>
                
                <!--Default Post / Style One-->
                <article class="default-post-style style-one altered left-aligned">
                	<div class="row clearfix">
                    	<div class="col-md-6 col-sm-12 col-xs-12 image-column">
                        	<div class="logo-image-box right-top wow zoomInStable" data-wow-duration="1500ms" data-wow-delay="1000ms"><img src="images/resource/logo-3.png" alt=""></div>
                        	<div class="clearfix">
                                <figure class="image-outer">
                                    <div class="image-box wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="0ms">
                                        <img src="images/resource/featured-image-4.jpg" alt="">
                                    </div>
                                    <div class="post-info"><a href="index-3.html#" class="theme-btn">WEB DESIGN, 26/06/2010</a></div>
                                </figure>
                                
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12 content-column">
                        	<div class="default-content-box">
                            	<div class="default-post-title">
                                	<h4>OUR SERVICES</h4>
                                    <h3><span class="post-number">03.</span> WEB DESIGN</h3>
                                </div>
                                <div class="content-box">
                                	<div class="text">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                                    </div>
                                    <div class="link-box"><a href="index-3.html#" class="theme-btn btn-style-five">VIEW ALL WORKS</a></div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </article>
                
            </div>
    
    	</div>
    </section>
    
    
    <!--Work Process Section-->
    <section class="work-process-section" style="background-image:url(images/background/image-1.jpg);">
    	<div class="auto-container">
        	<div class="row clearfix">
            	<!--Column-->
                <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12 pull-right">
                	<div class="inner-box">
                    	<div class="title-box">
                            <h3 class="small-text theme_color">WHAT WE DO</h3>
                            <h2>WORKING PROCESS</h2> 
                            <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diampet nonummy nibh euismod tincidunt ut laoreet dolore magna.</div>               
                        </div>
                        
                        <div class="tabs-box style-one">
                        	<!--Tab Buttons-->
                            <ul class="tab-buttons clearfix">
                            	<li class="tab-btn active-btn clearfix" data-tab="#tab-one"><span class="btn-count">01.</span><span class="btn-text">Making Concept</span></li>
                                <li class="tab-btn clearfix" data-tab="#tab-two"><span class="btn-count">02.</span><span class="btn-text">MAKING Sketch</span></li>
                                <li class="tab-btn clearfix" data-tab="#tab-three"><span class="btn-count">03.</span><span class="btn-text">Developing</span></li>
                                <li class="tab-btn clearfix" data-tab="#tab-four"><span class="btn-count">04.</span><span class="btn-text">Testing</span></li>
                                <li class="tab-btn clearfix" data-tab="#tab-five"><span class="btn-count">05.</span><span class="btn-text">Launch</span></li>
                            </ul>
                            
                            <!--Tabs Content-->
                            <div class="tabs-content">
                            	
                                <!--Tab / Active Tab-->
                            	<div class="tab active-tab" id="tab-one">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">01. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-3.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                <!--Tab-->
                            	<div class="tab" id="tab-two">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">02. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-3.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                <!--Tab-->
                            	<div class="tab" id="tab-three">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">03. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-3.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                <!--Tab-->
                            	<div class="tab" id="tab-four">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">04. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-3.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                <!--Tab-->
                            	<div class="tab" id="tab-five">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">05. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-3.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                
                            </div>
                            
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <!--Our Work Section-->
    <section class="our-work-section">
    	<div class="auto-container">
            <div class="title-box text-center">
                <h3 class="small-text theme_color">OUR PORTFOLIO</h3>
                <h2>BEAUTIFUL WORKS</h2> 
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</div>               
            </div>
            
            <!--Portflio Carousel Outer-->
            <div class="portfolio-carousel-outer">
            	
                <ul class="portfolio-carousel">
                	
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-1.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-1.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">BRANDING</div>
                            </div>
                        </article>
                    </li>
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-2.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-2.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Photography</div>
                            </div>
                        </article>
                    </li>
                    
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-3.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-3.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Web Design</div>
                            </div>
                        </article>
                    </li>
                    
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-4.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-4.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">BRANDING</div>
                            </div>
                        </article>
                    </li>
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-5.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-5.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Photography</div>
                            </div>
                        </article>
                    </li>
                    
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-2.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-2.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Web Design</div>
                            </div>
                        </article>
                    </li>
                    
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-1.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-1.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">BRANDING</div>
                            </div>
                        </article>
                    </li>
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-2.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-2.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Photography</div>
                            </div>
                        </article>
                    </li>
                    
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-3.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-3.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Web Design</div>
                            </div>
                        </article>
                    </li>
                    
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-1.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-1.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">BRANDING</div>
                            </div>
                        </article>
                    </li>
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-2.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-2.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Photography</div>
                            </div>
                        </article>
                    </li>
                    
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-3.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-3.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Web Design</div>
                            </div>
                        </article>
                    </li>
                    
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-4.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-4.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">BRANDING</div>
                            </div>
                        </article>
                    </li>
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-5.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-5.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">Photography</div>
                            </div>
                        </article>
                    </li>
                    <li class="slide-item">
                    	<!--Default Portfolio Item-->
                        <article class="default-portfolio-item">
                        	<div class="item-inner">
                            	<figure class="image-box">
                                	<a href="images/resource/portfolio-item-2.jpg" class="lightbox-image" title="Image Caption Here"><img src="images/resource/portfolio-item-2.jpg" alt=""></a>
                                </figure>
                                <div class="item-cat">BRANDING</div>
                            </div>
                        </article>
                    </li>
                    
                </ul>
                
            </div>
            
        </div>
    </section>
    
    
    <!--Why Us Section-->
    <section class="why-us-section style-three" style="background-image:url(images/background/image-4.jpg);">
    	<div class="auto-container">
        	<div class="row clearfix">
            	<div class="col-md-6 col-sm-12">
                    <div class="title-box light">
                        <h3 class="small-text theme_color">OUR FEATURES</h3>
                        <h2>THE REASON WORK WITH US</h2> 
                    </div> 
                </div>
            </div>
            
        	<div class="row clearfix">
            	<div class="column col-md-6 col-sm-12">
                  	<div class="text-content">
                    	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>
                    </div>  
                </div>
                
                <div class="column col-md-6 col-sm-12">
                  	<div class="columns-container clearfix">
                    	<!--Icon Column-->
                    	<div class="default-icon-column style-two col-md-6 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-multimedia-1"></span></div>
                                <h3>100% RESPONSIVE</h3>
                                <div class="text">Lorem ipsum dolor sit amet conetuer delgado diam nonummy.</div>
                            </div>
                        </div>
                        
                        <!--Icon Column-->
                    	<div class="default-icon-column style-two col-md-6 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-technology"></span></div>
                                <h3>ELEGAN &amp; UNIQUE</h3>
                                <div class="text">Lorem ipsum dolor sit amet conetuer delgado diam nonummy.</div>
                            </div>
                        </div>
                        
                        <!--Icon Column-->
                    	<div class="default-icon-column style-two col-md-6 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-photo"></span></div>
                                <h3>PARALAX SLIDER</h3>
                                <div class="text">Lorem ipsum dolor sit amet conetuer delgado diam nonummy.</div>
                            </div>
                        </div>
                        
                        <!--Icon Column-->
                    	<div class="default-icon-column style-two col-md-6 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-weather"></span></div>
                                <h3>MOTION GRAPHIC</h3>
                                <div class="text">Lorem ipsum dolor sit amet conetuer delgado diam nonummy.</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="title-box text-center light">
                <h3 class="small-text">DON’T MISS IT</h3>
                <h2>VOLTER CREATIVE PSD TEMPLATE</h2> 
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>               
            </div>
            
            <div class="main-image-outer">
            	<figure class="image-box wow fadeIn" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/view-image-1.png" alt=""></figure>
                <div class="link-box"><a href="index-3.html#" class="theme-btn btn-style-three">PURCHASE NOW</a></div>
            </div>
            
            
        </div>
    </section>
    
    
    <!--Default Blog Section-->
    <section class="default-blog-section style-two">
    	<div class="auto-container">
            <div class="title-box text-center light">
                <h3 class="small-text">OUR BLOG</h3>
                <h2>VOLTER LATEST NEWS</h2> 
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>               
            </div>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one left-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-1.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                            <div class="default-post-title">
                                <h3><a href="index-3.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="index-3.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="index-3.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one right-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column pull-right">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-2.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box text-right wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
                            <div class="default-post-title">
                                <h3><a href="index-3.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="index-3.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="index-3.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one left-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-3.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                            <div class="default-post-title">
                                <h3><a href="index-3.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="index-3.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="index-3.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
        </div>
        
        <div class="link-box text-center padd-right-20"><a href="index-3.html#" class="theme-btn btn-style-three">GO TO OUR BLOG</a></div>
        
    </section>
    
    
    <!--Main Footer-->
    <footer class="main-footer">
    	<div class="upper-part">
        	
        	<div class="auto-container">
            	<div class="logo"><a href="index-3.html#"><img src="images/logo-2.png" alt=""></a></div>
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>
                <div class="footer-social-links clearfix">
                	<a href="index-3.html#" class="social-link clearfix"><span class="icon fa fa-facebook-f"></span><span class="txt">Facebook</span></a>
                    <a href="index-3.html#" class="social-link clearfix"><span class="icon fa fa-twitter"></span><span class="txt">Twitter</span></a>
                    <a href="index-3.html#" class="social-link clearfix"><span class="icon fa fa-pinterest"></span><span class="txt">Pinterest</span></a>
                    <a href="index-3.html#" class="social-link clearfix"><span class="icon fa fa-dribbble"></span><span class="txt">Dribble</span></a>
                </div>
                
                <!--Sponsors Carousel-->
                <div class="sponsors-outer">
                	<!--Sponsors Carousel-->
                    <ul class="sponsors-carousel">
                    	<li class="slide-item"><figure class="image-box"><a href="index-3.html#"><img src="images/clients/image-1.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="index-3.html#"><img src="images/clients/image-2.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="index-3.html#"><img src="images/clients/image-3.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="index-3.html#"><img src="images/clients/image-4.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="index-3.html#"><img src="images/clients/image-5.png" alt=""></a></figure></li>
                    </ul>
                </div>
                
            </div>
        </div>
        
        <!--Footer Bottom-->
        <div class="footer-bottom">
        	<div class="auto-container">
            	<div class="text"><span class="theme_color">VOLTER</span> &copy; 2016 All Right Reserved Themexriver <br>Made with love by <a target="_blank" href="http://themeforest.net/user/themexriver/">Themexriver</a></div>
            </div>
        </div>
        
    </footer>
    
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top"><span class="icon fa fa-long-arrow-up"></span></div>


<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/bxslider.js"></script>
<script src="js/owl.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>